經過了前面十幾天的學習,我們已經掌握了 Tauri 應用程式的核心開發技能。現在是時候將我們的應用程式打包成可以分發給使用者的安裝包了。在 Windows 平台上,Tauri 提供了強大且簡潔的打包機制,讓我們能夠輕鬆產生專業級的安裝程式。
剩下的 plugin 們我們之後再介紹
將開發中的應用程式轉換為可分發的安裝包是軟體開發的重要環節。這個過程不僅僅是將程式碼編譯成執行檔,更包含了版本管理、圖示設定、數位簽章等多個層面。Tauri 的打包系統基於 Rust 的編譯器,能夠產生高度優化的原生執行檔,同時提供標準的 Windows Installer (MSI) 格式,讓使用者能夠享受到熟悉的安裝體驗。
打包過程會將前端的 Vue 應用程式與後端的 Rust 程式碼合併,並嵌入所有必要的資源檔案,最終產生一個完全獨立的應用程式,使用者無需額外安裝任何相依性就能直接執行。
指令很簡單,只要下這個指令就可以開始打包:
npm run tauri build
不過,在此之前,記得先檢查一下 tauri.conf.json
的 identifier
是否有符合規定,不然就會看到這個錯誤:
The bundle identifier string must contain only alphanumeric characters (A-Z, a-z, and 0-9), hyphens (-), and periods (.).
identifier
是應用程式的唯一識別符,建議使用反向域名格式,這將成為應用程式在系統中的身分證。
打包完之後,就會顯示檔案位置:
可以看到,打包完的安裝檔會在 /src-tauri/target/release/bundle/
的 nsis
資料夾或是 msi
資料夾。這兩種類型的安裝檔的設計理念和運作方式其實是有差異的,不過這邊就不多加討論與介紹了,基本上都可以使用XD
以下呈現的是安裝界面的差異:
最後,就可以在 Windows 開始選單中看到安裝好的程式了
應用程式圖示是使用者對軟體的第一印象,也是品牌識別的重要元素。
傳統上,需要自行準備 (或是透過其他工具) 來準備各種大小不同尺寸的 icon,過程有一點麻煩。在 Tauri,它可以幫忙處理,只要把檔案放在 ./app-icon.png
,再下指令建立即可:
npm run tauri icon
也可以再增加更多設定,詳細資訊可以加上
--help
來查看
今天我們學習了 Tauri 在 Windows 平台上的基本打包流程。從簡單的 npm run tauri build
命令開始,我們了解了如何將開發中的應用程式轉換為可分發的安裝包。重要的收穫包括:
npm run tauri build
即可開始打包流程tauri.conf.json
中的 identifier
符合規範npm run tauri icon
可以自動產生各種尺寸的應用程式圖示雖然基本的打包流程相當簡潔,但在實際的產品發布中,我們還需要考慮更多進階的配置,例如數位簽章、版本控制、更新機制等。
這部分會在後面的文章做進一步的介紹,敬請期待~